<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    {% load static %}
    <script src="{% static 'js/register.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/register.css' %}"></link>
</head>
<body>
    <header role="banner">
        <div class="header-container">
        </div>
    </header>
    <main>
        <h2>注册页面</h2>
        <form id="register-form" method="post">
        {% csrf_token %}
        <label for="username">用户名称:</label>
        <input type="text" id="username" name="username" required>
        <span id="username-error" class="error"></span><br>

        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email" required>
        <span id="email-error" class="error"></span><br>

        <label for="password">设置密码:</label>
        <input type="password" id="password" name="password" required><br>
        <label for="confirm_password">密码确认:</label>
        <input type="password" id="confirm_password" name="confirm_password" required><br>
        <span id="password-error" class="error"></span><br>
        <button type="submit">注册</button><br>
    </form>
    </main>
    <footer>
        <div class="footer-container">
            <p>版权所有</p>
        </div>
    </footer>
</body>
</html>